.v-billing-page-success{
    position: relative;
    .success-header-box{
        width: 100%;
        background-color: #f73237;
        // height: 300px;
        padding: 80px 0;

        .box{
            display: flex;
            /* height: 220px; */
            margin: 0 auto;
            width: 221px;
            // padding-top: calc(50% - 111px);


            .left{
                img{
                    width: 68px;
                    margin-top: 8px;
                    margin-right: 14px;
                }
            }
            .right{
                color: #fff;
                h1{
                    font-size: 27px;
                    margin: 0;
                    margin-top: 6px;
                }
                p{
                    font-size: 13px;
                    margin-top: 9px;
                }
            }
        }
    }

    .success-content{
        padding: 10px 25px;
        position: absolute;
        width: calc(100% - 50px); 
        top: 160px;
        .content-card{
            padding: 20px;
            background-color: #fff;
            border-radius: 10px; 
            box-shadow: 3px 3px 8px #d0d0d0;

            .content-box{
                display: flex;
                // padding: 10px 0;
                padding: 5px 0;
                span{
                    width: 50%;
                    box-sizing: border-box; 
                    font-size: 12px;
                    display: flex;
                    color: #898989;
                }
                p{
                    color: #313131;
                }
                h5{
                    width: 100%;
                    display: flex;
                    font-size: 12px;
                    font-weight: 100;
                    color: #898989;
                    p{
                        color: #313131;
                        margin-bottom: 5px;
                    }
                }
            }
        }
    }


    .imgBox{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .img{
            width: 230px;
            height: 230px;
        }
        .notice{
            color: #c2bbbb;
            font-size: 12px;
            margin-top: 8px;
        }
    }

    .btn{  
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        position: fixed;
        bottom:30px;

        .success-btn{
            width: 130px;
            background-color: #f73237;
            color: #fff;
            height: 38px;
            line-height: 38px;
            // font-size: 15px;
            // letter-spacing: 4px; 
            // margin: 0 47px;
            // margin-top: 33px;
            border-radius: 20px;
        }

        .success-btn{
            width: 130px;
            background-color: #f73237;
            color: #fff;
            height: 38px;
            line-height: 38px;
            // font-size: 15px;
            // letter-spacing: 4px; 
            // margin: 0 47px;
            // margin-top: 33px;
            border-radius: 20px;
        }

    }
  

   
    
}